<template>
  <div>
    <el-menu
        :default-active="activeIndex2"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
        background-color="#545c64"
        text-color="#fff"
        router
        active-text-color="#ffd04b">
      <el-menu-item index="/uploadPageLocal">本地</el-menu-item>
      <el-menu-item index="/uploadPageCloud">云端</el-menu-item>
<!--      <el-menu-item index="/info">信息管理</el-menu-item>-->
<!--      <el-submenu>-->
<!--        <template slot="title">测评信息</template>-->
<!--        <el-menu-item index="/info">平台信息</el-menu-item>-->
<!--        <el-menu-item index="/stability">稳定性测评</el-menu-item>-->
<!--        <el-menu-item index="/fluency">流畅性测评</el-menu-item>-->
<!--        <el-menu-item index="/touch">触控体验测评</el-menu-item>-->
<!--        <el-menu-item index="/spquality">音画质量测评</el-menu-item>-->
<!--      </el-submenu>-->
      <el-menu-item style="float:right;" @click="exit">退出登录</el-menu-item>
    </el-menu>
    <app-main></app-main>
  </div>
</template>

<script>
import UploadPageLocal from "@/views/baseInfo";
import AppMain from "@/components/AppMain";
export default {
  components: {AppMain, UploadPageLocal},
  data() {
    return {
      activeIndex: '1',
      activeIndex2: '1',
      username: ''
    };
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    exit(){
      this.$router.push("/")
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="css">
/*.el-menu-demo{*/
/*  width: 8;*/
/*}*/
</style>
